<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入字体图标的css文件 -->
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <!-- 引入初始化css文件 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- 引入commoncss文件 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 引入index.csswenjian -->
    <link rel="stylesheet" href="./css/index.css">
  </head>
  <body>
    <!-- 快捷导航栏 start -->
    <div class="shortcut">
      <div class="w">
        <div class="left">
          <span>品优购欢迎您！</span><a href="javascript:;">请登录</a
          ><a href="javascript:;" class="style-red">免费注册</a>
        </div>
        <div class="right">
          <ul>
            <li><a href="javascript:;">我的订单</a></li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
            <li class="sep">|</li>
            <li><a href="javascript:;">我的品优购</a></li>
            <li class="sep">|</li>
            <li><a href="javascript:;">我的品优购</a></li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
            <li class="sep">|</li>
            <li>
              <a href="javascript:;"
                >我的品优购
                <i class="iconfont iconjiantou9"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 快捷导航栏 结束 -->
    <!-- header部分开始 -->
    <header class="header w">
      <div class="logo">
        <h1>
          <a href="javascript:;" title="品优购">品优购</a>
        </h1>
      </div>
      <div class="search">
        <input type="text" placeholder="语言开发" /><button class="btn">
          搜索
        </button>
      </div>
      <div class="shopcar">
        <i class="iconfont icongouwuche"></i>
        <span>我的购物车</span>
        <i class="iconfont iconjiantou"></i>
        <em>8</em>
      </div>
      <div class="hotwords">
        <a href="javascript:;" class="style-red">优惠购首发</a><a href="javascript:;">亿元优惠</a><a href="javascript:;">9.9元团购</a><a href="javascript:;">每满99减30</a><a href="javascript:;">9.9元团购</a><a href="javascript:;">9.9元团购</a><a href="javascript:;">9.9元团购</a>
    </div>
      </div>
    </header>
    <!-- header部分结束 -->
    <!-- nav部分开始 -->
    <nav class="nav">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <li><a href="#" >家用电器 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#" >手机 <i class="iconfont iconjiantou"></i> </a>、 <a href="#">数码</a>、<a href="#">通信</a> </li>
                        <li><a href="#">电脑、办公 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">家居、家具、家装、厨具 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">男装、女装、童装、内衣 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">个户化妆、清洁用品、宠物 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">鞋靴、箱包、珠宝、奢侈品 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">运动户外、钟表 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">汽车、汽车用品 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">母婴、玩具乐器 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">食品、酒类、生鲜、特产 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">医药保健 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">图书、音像、电子书 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">彩票、旅行、充值、票务 <i class="iconfont iconjiantou"></i> </a> </li>
                        <li><a href="#">理财、众筹、白条、保险 <i class="iconfont iconjiantou"></i> </a> </li>
                    </ul>
                </div>
            </div>
           
            <div class="navitems">
                <ul>
                    <li><a href="javascript:;">服装城</a></li>
                    <li><a href="javascript:;">美妆馆</a></li>
                    <li><a href="javascript:;">传智超市</a></li>
                    <li><a href="javascript:;">全球购</a></li>
                    <li><a href="javascript:;">闪购</a></li>
                    <li><a href="javascript:;">团购</a></li>
                    <li><a href="javascript:;">拍卖</a></li>
                    <li><a href="javascript:;">有趣</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- nav部分结束 -->
    <!-- main部分开始 -->
    <div class="w">
        <div class="main">
            <div class="focus">
                <a href="javascript:;"><img src="./uploads/focus1.png" alt=""></a>
            </div>
        <div class="newflash">
          <div class="shang">
                <div class="new-hd"> <h3>品优购快报</h3>
                <a href="javascrit:;">更多<i class="iconfont iconjiantou"></i></a>
               </div>
                <div class="new-bd">
                <ul>
                    <li>[特惠]备战开学季 全民半价购数码</li>
                    <li>[公告]品优稳占家电网购六成份额</li>
                    <li>[特惠]百元中秋全品类礼券限量领</li>
                    <li>[公告]上品优生鲜享阳澄湖大闸蟹</li>
                    <li>[特惠]每日享折扣品优品质游</li>
                </ul>
            </div>
          </div>
          <div class="lifeservice">
            <ul>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
              <li><span>话费</span></li>
            </ul>
           </div>
             <div class="bargain">
            <a href="javascript:;">
              <img src="./uploads/bargain.png" alt="">
            </a>
             </div>
       </div>
    </div>    
        
</div>
<!-- 今日推荐 -->
<div class="recom w">
  <div class="recom_hd">
    <i class="iconfont iconshizhong"></i>
    <p>今日推荐</p>
  </div>
  <div class="recom_bd">
    <ul>
      <li><a href="javascript:;"><img src="./uploads/recom_03.jpg" alt=""></a></li>
      <li><a href="javascript:;"><img src="./uploads/recom_03.jpg" alt=""></a></li>
      <li><a href="javascript:;"><img src="./uploads/recom_03.jpg" alt=""></a></li>
      <li><a href="javascript:;"><img src="./uploads/recom_03.jpg" alt=""></a></li>
    </ul>
  </div>
</div>
<!-- 猜你喜欢 -->
<div class="love w">
  <div class="love-hd clearfix">
  <h4>猜你喜欢</h4>
  <a href="javascript:;">换一批
    <span class="iconfont iconshuaxin"></span>
  </a>
  </div>
  <div class="love-bd">
    <div class="love-items">
      <div class="img">
        <img src="./uploads/like_01.png" alt="" >
      </div>
      <div class="imgDesc">
        <p>阳光美宝新款单间包女</p>
        <p>包时尚子母包四件套女</p>
        <div class="price">
          <strong>
            <em>¥</em><i>116.00</i>
          </strong>
        </div>
      </div>
    </div>
    <div class="love-items">
      <div class="img">
        <img src="./uploads/like_01.png" alt="" >
      </div>
      <div class="imgDesc">
        <p>阳光美宝新款单间包女</p>
        <p>包时尚子母包四件套女</p>
        <div class="price">
          <strong>
            <em>¥</em><i>116.00</i>
          </strong>
        </div>
      </div>
    </div>
    <div class="love-items">
      <div class="img">
        <img src="./uploads/like_01.png" alt="" >
      </div>
      <div class="imgDesc">
        <p>阳光美宝新款单间包女</p>
        <p>包时尚子母包四件套女</p>
        <div class="price">
          <strong>
            <em>¥</em><i>116.00</i>
          </strong>
        </div>
      </div>
    </div>
    <div class="love-items">
      <div class="img">
        <img src="./uploads/like_01.png" alt="" >
      </div>
      <div class="imgDesc">
        <p>阳光美宝新款单间包女</p>
        <p>包时尚子母包四件套女</p>
        <div class="price">
          <strong>
            <em>¥</em><i>116.00</i>
          </strong>
        </div>
      </div>
    </div>
    <div class="love-items">
      <div class="img">
        <img src="./uploads/like_01.png" alt="" >
      </div>
      <div class="imgDesc">
        <p>阳光美宝新款单间包女</p>
        <p>包时尚子母包四件套女</p>
        <div class="price">
          <strong>
            <em>¥</em><i>116.00</i>
          </strong>
        </div>
      </div>
    </div>
    <div class="love-items">
      <div class="img">
        <img src="./uploads/like_01.png" alt="" >
      </div>
      <div class="imgDesc">
        <p>阳光美宝新款单间包女</p>
        <p>包时尚子母包四件套女</p>
        <div class="price">
          <strong>
            <em>¥</em><i>116.00</i>
          </strong>
        </div>
      </div>
    </div>
  </div>
</div> 


  <!-- 传智播客y-->
  <div class="youqu w">
    <div class="youqu-hd">
      <h4>传智播客•有趣区</h4>
    </div>
    <div class="you-bd">
      <div class="w404">
        <a href="javascript:;">
          <img src="./uploads/interest01.png" alt="" />
        </a>
      </div>
      <div class="w227">
        <h4>好东西</h4>
        <div>
          <a href="javascript:;"><img src="./uploads/interest02.png" alt="" /></a>
        </div>
        <div>
          <a href="javascript:;"><img src="./uploads/interest03.png" alt="" /></a>
        </div>
      </div>
      <div class="w407">
        <h4>品牌街</h4>
        <div>
          <a href="javascript:;"><img src="./uploads/interest04.png" alt="" /></a>
        </div>
        <div>
          <a href="javascript:;" class="fl"><img src="./uploads/interest05.png" alt="" /></a>
          <a href="javascript:;" class="fl"><img src="./uploads/interest06.png" alt="" /></a>
        </div>
      </div>
      <div class="w163">
        <ul>
          <li><a href="javascript:;"><img src="./uploads/brand01.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand02.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand04.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand05.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand06.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand07.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand08.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand09.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand10.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand11.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand12.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand13.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand13.png" alt=""></a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 有趣区 结束 -->
  <!-- 楼层区域 -->
   <div class="fioor">
     <!-- 一楼家电楼层 -->
     <div class="jiadian w">
       <div class="box_hd">
         <h3>家用电器</h3>
         <div class="tab_list">
           <ul>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
             <li><a href="javascript:">大家电</a>|</li>
           </ul>
         </div>
       </div>
       <div class="box-bd">
          <div class="w209">
            <ul>
              <li><a href="javascript:;">节能补贴</a></li>
              <li><a href="javascript:;">4k电视</a></li>
              <li><a href="javascript:;">空气净化器</a></li>
              <li><a href="javascript:;">IH电饭锅</a></li>
              <li><a href="javascript:;">滚筒洗衣机</a></li>
              <li><a href="javascript:;">电热水器</a></li>
            </ul>
            <div class="img">
              <a href="javascript:;"><img src="./uploads/floor-1-1.png " alt=""></a>
            </div>
          </div>
          <div class="w329">
            <a href="javascript:;"><img src="./uploads/floor-1-b01.png" alt=""></a>
          </div>
          <div class="w221">
            <a href="javascript:;" class="bb1"><img src="./uploads/floor-1-2.png" alt=""></a>
            <a href="javascript:;"><img src="./uploads/floor-1-3.png" alt=""></a>
          </div>
          <div class="w222">
            <a href="javascript:;"><img src="./uploads/floor-1-4.png" alt=""></a>
          </div>
          <div class="w219">
            <a href="javascript:;" class="bb2"><img src="./uploads/floor-1-5.png" alt=""></a>
            <a href="javascript:;"><img src="./uploads/floor-1-6.png" alt=""></a>
          </div>
       </div>
       <div class="brand">
         <ul>
           <li><a href="javascript:;"><img src="./uploads/brand04.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
           <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
         </ul>
       </div>
     </div>
     <!-- 二楼手机通讯层 -->
     <div class="jiadian w">
      <div class="box_hd">
        <h3>家用电器</h3>
        <div class="tab_list">
          <ul>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
            <li><a href="javascript:">大家电</a>|</li>
          </ul>
        </div>
      </div>
      <div class="box-bd">
         <div class="w209">
           <ul>
             <li><a href="javascript:;">节能补贴</a></li>
             <li><a href="javascript:;">4k电视</a></li>
             <li><a href="javascript:;">空气净化器</a></li>
             <li><a href="javascript:;">IH电饭锅</a></li>
             <li><a href="javascript:;">滚筒洗衣机</a></li>
             <li><a href="javascript:;">电热水器</a></li>
           </ul>
           <div class="img">
             <a href="javascript:;"><img src="./uploads/floor-1-1.png " alt=""></a>
           </div>
         </div>
         <div class="w329">
           <a href="javascript:;"><img src="./uploads/floor-1-b01.png" alt=""></a>
         </div>
         <div class="w221">
           <a href="javascript:;" class="bb1"><img src="./uploads/floor-1-2.png" alt=""></a>
           <a href="javascript:;"><img src="./uploads/floor-1-3.png" alt=""></a>
         </div>
         <div class="w222">
           <a href="javascript:;"><img src="./uploads/floor-1-4.png" alt=""></a>
         </div>
         <div class="w219">
           <a href="javascript:;" class="bb2"><img src="./uploads/floor-1-5.png" alt=""></a>
           <a href="javascript:;"><img src="./uploads/floor-1-6.png" alt=""></a>
         </div>
      </div>
      <div class="brand">
        <ul>
          <li><a href="javascript:;"><img src="./uploads/brand04.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
          <li><a href="javascript:;"><img src="./uploads/brand03.png" alt=""></a></li>
        </ul>
      </div>
    </div>
   </div>
    <!-- footer底部开始 -->
    <footer class="footer">
      <div class="w">
        <div class="mod_service">
          <ul>
            <li><div class="img"></div>
              <div class="imgDesc">
                <h5>正品保障</h5>
                <p>正品保障</p>
            </li>
            <li>
              <div class="img"></div>
              <div class="imgDesc">
                <h5>正品保障</h5>
                <p>正品保障</p>
            </li>
            <li>
              <div class="img"></div>
              <div class="imgDesc">
                <h5>正品保障</h5>
                <p>正品保障</p>
            </li>
            <li>
              <div class="img"></div>
              <div class="imgDesc">
                <h5>正品保障</h5>
                <p>正品保障</p>
            </li>
            <li>
              <div class="img"></div>
              <div class="imgDesc">
                <h5>正品保障</h5>
                <p>正品保障</p>
            </li>
          </ul>
        </div>
        <div class="mod_help">
          <div class="mod_help_item">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">会员介绍</a></li>
              <li><a href="javascript:;">生活旅行/团购</a></li>
              <li><a href="javascript:;">常见问题</a></li>
              <li><a href="javascript:;">大家电</a></li>
              <li><a href="javascript:;">联系客服</a></li>
            </ul>
          </div>
          <div class="mod_help_item">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">会员介绍</a></li>
              <li><a href="javascript:;">生活旅行/团购</a></li>
              <li><a href="javascript:;">常见问题</a></li>
              <li><a href="javascript:;">大家电</a></li>
              <li><a href="javascript:;">联系客服</a></li>
            </ul>
          </div>
          <div class="mod_help_item">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">会员介绍</a></li>
              <li><a href="javascript:;">生活旅行/团购</a></li>
              <li><a href="javascript:;">常见问题</a></li>
              <li><a href="javascript:;">大家电</a></li>
              <li><a href="javascript:;">联系客服</a></li>
            </ul>
          </div>
          <div class="mod_help_item">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">会员介绍</a></li>
              <li><a href="javascript:;">生活旅行/团购</a></li>
              <li><a href="javascript:;">常见问题</a></li>
              <li><a href="javascript:;">大家电</a></li>
              <li><a href="javascript:;">联系客服</a></li>
            </ul>
          </div>
          <div class="mod_help_item">
            <h5>购物指南</h5>
            <ul>
              <li><a href="javascript:;">购物流程</a></li>
              <li><a href="javascript:;">会员介绍</a></li>
              <li><a href="javascript:;">生活旅行/团购</a></li>
              <li><a href="javascript:;">常见问题</a></li>
              <li><a href="javascript:;">大家电</a></li>
              <li><a href="javascript:;">联系客服</a></li>
            </ul>
          </div>
          <div class="mod_help_item">
            <h5>帮忙中心</h5>
            <div class="img">
              <img src="./images/wx_cz.jpg" alt="">
            </div>
            <p>品优购客户端</p>
          </div>
        </div>
        <div class="mod_copyright">
          <P>关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
          </P>
          <P>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
          </P>
          <P>京ICP备08001421号京公网安备110108007702</P>
        </div>
      </div>
    </footer>
  </body>
</html>
